// pages/category/category.js
// 引入相关的接口函数
import { findCategoryList } from '../../utils/api'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    categoryList: [], // 分类数据
    navIndex: 0, // 默认的导航项选中的索引
    cateObj: {}, // 右侧默认的分类内容
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCategoryList()
  },
  // 获取分类的数据
  async getCategoryList() {
    try {
      const result = await findCategoryList()
      // console.log(result)
      if (result.code === 200) {
        // 更新数据(保存数据)
        this.setData({
          categoryList: result.data, //一级
          cateObj: result.data[this.data.navIndex], //二级
        })
      }
    } catch (error) {
      console.log(error)
    }
  },
  // 点击导航项,改变高亮的效果
  changeIndexHandler(event) {
    // 获取点击的导航项的选中索引,并更新索引值
    this.setData({
      navIndex: event.currentTarget.dataset.navindex,
      cateObj: this.data.categoryList[event.currentTarget.dataset.navindex], // 重新获取一次新的选中导航项对应的右侧分类数据
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
})

// {
//   code:xxx,
//   message:xx,
//   data:[
//         {},
//         {},
//         {},
//         ……，
//         {
//           chirdren:[
//                      {},
//                      {},
//                      ……，
//                      {
//                       imageUrl：xxx，
//                       name：xxx，
//                       id：x
//                      }
//                     ],
//             imageUrl：xxx,
//             name:xxx，
//             id：x
//         }
//   ]
// }
